jQuery(function($){
	var $doc			= $(document);
	var position		= 0;
	var top				= $doc.scrollTop(); //현재 스크롤바 위치
	var screenSize		= 0; // 화면크기
	var halfScreenSize	= 0; // 화면의 반

	/*사용자 설정 값 시작*/
	var pageWidth		= 980; // 페이지 폭, 단위:px
	var leftOffet		= 444; // 중앙에서의 폭(왼쪽 -, 오른쪽 +), 단위:px
	var leftMargin		= 935; // 페이지 폭보다 화면이 작을때 옵셋, 단위:px, leftOffet과 pageWidth의 반만큼 차이가 난다.
	var speed			= 100; // 따라다닐 속도 : "slow", "normal", or "fast" or numeric(단위:msec)
	var easing			= 'swing'; // 따라다니는 방법 기본 두가지 linear, swing
	var $layer			= $('#floating'); // 레이어 셀렉팅
	var layerTopOffset	= 75; // 레이어 높이 상한선, 단위:px
	$layer.css('z-index', 10); // 레이어 z-인덱스
	/*사용자 설정 값 끝*/

	//좌우 값을 설정하기 위한 함수
	function resetXPosition() {
		$screenSize = $('body').width(); // 화면크기
		halfScreenSize = $screenSize/2; // 화면의 반
		xPosition = halfScreenSize + leftOffet;
		if($screenSize < pageWidth) {
			xPosition = leftMargin;
		}
		$layer.css('left', xPosition);
	}

	// 스크롤 바를 내린 상태에서 리프레시 했을 경우를 위해
	if(top > 0 ) {
		$doc.scrollTop(layerTopOffset+top);
	}else {
		$doc.scrollTop(0);
	}

	// 최초 레이어가 있을 자리 세팅
	$layer.css('top',layerTopOffset);
	resetXPosition();

	//윈도우 크기 변경 이벤트가 발생하면
	$(window).resize(resetXPosition);

	//스크롤이벤트가 발생하면
	$(window).scroll(function() {
		yPosition = $doc.scrollTop()+layerTopOffset;
		$layer.stop().animate({"top":yPosition }, {duration:speed});
	});
});
